.blog {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.17rem;
    padding-top: 3%;
    max-width: 60%;
    margin: auto;
    line-height: 1.5rem;
    font-size: 0.7rem;
    padding-left: 10vw;
}



.blog div {
    display: flex;
}

.blog p {
    flex-direction: row;
    margin: 0 1rem;
}


.title_pic1 {
    display: block;
    align-items: center;
    position: relative;
    width: 60%;
    height: 17vw;
    margin-top: 35vh;
    margin-bottom: 5rem;
    margin-left: -5%;
    object-fit: cover;
}

.blog1 {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.17rem;
    padding-top: 8vw;
    max-width: 60%;
    margin: auto;
    line-height: 1.5rem;
    font-size: 0.7rem;
}

.blog1 a {
    font-size: 0, 75rem;
    margin-bottom: 3%;
    text-decoration: none;
    color: black;
}

.blog1 a h2 {
    margin-left: 5vw;
}

.blog1 div {
    display: flex;
    margin-bottom: 5rem;
    margin-left: 4vw;
}

.blog1 p {
    flex-direction: row;
    margin: 0 1rem;
}

.blog1 .data {
    display: flex;
    margin-bottom: 10vh;
    justify-content: space-between;
}

.blog1 .data p {
    flex-direction: row;
    max-width: 50%;

}

.title_pic2 {
    display: block;
    align-items: center;
    position: relative;
    width: 60%;
    height: 17vw;
    margin-top: 5vh;
    margin-bottom: 5rem;
    margin-left: -5%;
    object-fit: cover;
}

.blog2 {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.17rem;
    padding-top: 8vw;
    max-width: 60%;
    margin: auto;
    line-height: 1.5rem;
    font-size: 0.7rem;
}

.blog2 a {
    font-size: 0, 75rem;
    margin-bottom: 3%;
    text-decoration: none;
    color: black;
}

.blog2 a h2 {
    margin-left: 5vw;
}

.blog2 div {
    display: flex;
    margin-bottom: 10rem;
    margin-left: 4vw;
}

.blog2 p {
    flex-direction: row;
    margin: 0 1rem;
    justify-content: 50%;
}

.blog2 .data {
    display: flex;
    margin-bottom: 10vh;
    justify-content: space-between;
}

.blog_article .data p {
    flex-direction: row;
    max-width: 50%;

}

.title_pic_article {
    display: block;
    align-items: center;
    position: relative;
    width: 60%;
    height: 17vw;
    margin-left: -5%;
    object-fit: cover;
    margin-bottom: 5vw;
}

.blog_article {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.17rem;
    padding-top: 3%;
    max-width: 60%;
    margin: auto;
    line-height: 1.5rem;
    font-size: 0.7rem;
    padding-left: 10vw;
}

.blog_article a {
    font-size: 0, 75rem;
    margin-bottom: 3%;
    text-decoration: none;
    color: black;

}

.blog_article div {
    display: flex;
    margin-bottom: 5vw;
    margin-left: 1vw;
}

.blog_article .data {
    display: flex;
    margin-bottom: 5vh;
    justify-content: space-between;
}

.blog_article .data p {
    flex-direction: row;
    max-width: 50%;

}

.blog_article p .blog_article .title {
    margin-left: 10vw;
}